/*-- GUI COMBO: { --*/
  .gui-combo { position: relative; z-index: 1; display: inline-block; vertical-align: middle; overflow: hidden; max-width: 100%; padding: 1px 0 3px 8px; text-align: left; line-height: 1em; white-space: nowrap; }

    .gui-combo__select { position: absolute; top: -1px; bottom: -1px; left: 0; z-index: 4; min-width: 100%; min-height: 100%; padding: 0; margin: 0; opacity: 0; cursor: pointer; }
    .gui-combo__select:focus { outline: 0 none; }
    .gui-combo__select:hover {}
    .gui-combo__select[disabled] { cursor: default; }
      .gui-combo__option {}
      .gui-combo__option[disabled] { display: none; }

    .gui-combo__view { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; max-width: 100%; margin: 0; padding: 1px .2em; line-height: 1.2em; }
    .gui-combo__select[disabled] ~ .gui-combo__view { color: #aaa; }
      .gui-combo__view:before { content: '\25be'; position: relative; top: 2px; float:right; width: 1em; height: auto; padding: 0 2px 0 0; text-align: right; font-size: 160%; font-weight: bold; }

    .gui-combo__value { position: relative; top: 1px; display: inline-block; vertical-align: top; overflow: hidden; height: 1.2em; }

  .gui-combo_placeholder {}
    .gui-combo_placeholder .gui-combo__value { color: #555; font-style: italic; }

  .gui-combo_overflow {}
    .gui-combo_overflow .gui-combo__view { padding-right: 2em; }
      .gui-combo_overflow .gui-combo__view:before { position: absolute; top: 3px; right: 2px; float:none; }
      .gui-combo_overflow .gui-combo__view:after { content: '\2026'; position: relative; top: 1px; width: 1em; height: auto; text-align: right; font-size: 100%; font-weight: normal; }
    .gui-combo_overflow .gui-combo__value { max-width: 100%; }

  /*-- HACKS: { --*/
    /*-- MOZILLA: { --*/
    @-moz-document url-prefix() {
      .gui-combo { padding-top: 3px; padding-left: 7px; }
        .gui-combo__select::-moz-focus-inner { margin: 0; padding: 0; border: 0 none; outline: 0 none; }
        .gui-combo__view { padding-top: 0; padding-bottom: 0; }
          .gui-combo__view:before { top: 1px; padding-right: 1px; padding-left: 5px; font-size: 140%; }
      .gui-combo_overflow .gui-combo__view:before { right: 3px; padding-right: 0; }
    }
    /*-- } /mozilla. --*/

    /*-- WEBKIT: { --*/
    @media screen and (-webkit-min-device-pixel-ratio:0) {
      .gui-combo__view:after { top: 0; }

      /*-- iOS focus zoom fix: { --*/
        .gui-combo__select { max-width: 100%; font-size: 50px; }
          .gui-combo__select option { font-size: 12px; }
      /*-- } --*/
    }
    /*-- } /webkit. --*/
  /*-- } /hacks. --*/
/*-- } /gui combo. --*/